*{
	margin:0;
	padding:0;
}

body{
	font-size:13px;
	color:#eee;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #718693;
}

#page{
	/* The main container div */
	width:650px;
	margin:100px auto 0;
}

h1{
	text-align: center;
	text-shadow: 2px 2px 5px rgba(20,20,20,0.5);
	color: #eee;
	overflow:hidden;
	padding: 10px 0px 10px 10px;
	margin-bottom: 20px;
}

#searchForm{
	/* The search form. */
	background-color:#4C5A65;
	padding:30px 40px 30px;
	margin:80px 0;
	position:relative;

	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
}

fieldset{
	border:none;
}

#searchInputContainer
{
	/* This div contains the transparent search box */
	width:420px;
	height:36px;
	float:left;
	margin-right:12px;
}

#matInput{
	/* The search text box. */
	border:none;
	border-radius: 10px;
	
	background-color: #eeeeee;
	color:#555;

	font-size:20px;
	text-shadow:1px 1px 0 white;

	float:left;

	width:385px;
	height:36px;

	margin-right:12px;
	padding:0 0 0 35px;

	line-height:36px;
	outline:medium none;
}

#header
{
	background-color:#4C5A65;
	padding:30px 40px 30px;
	margin:80px 0;
	height: 40px;
}
	
#user
{
	/* The search text box. */
	border:none;
	border-radius: 10px;
	
	background-color: #eeeeee;
	color:#555;

	font-size:15px;
	text-shadow:1px 1px 0 white;

	height:36px;

	padding:0px 10px;

	line-height:36px;
	outline:medium none;
	
	float: right;
}

/* The submit button */
.button
{    
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eeeeee), color-stop(1, #dfdfdf));
    background:-moz-linear-gradient(top, #eeeeee 5%, #dfdfdf 100%);
    background:-webkit-linear-gradient(top, #eeeeee 5%, #dfdfdf 100%);
    background:-o-linear-gradient(top, #eeeeee 5%, #dfdfdf 100%);
    background:-ms-linear-gradient(top, #eeeeee 5%, #dfdfdf 100%);
    background:linear-gradient(to bottom, #eeeeee 5%, #dfdfdf 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dfdfdf',GradientType=0);
        
	float:right;
	height:34px;

	padding:0 15px 0;
 	margin-right:12px;
	
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    
	border:1px solid #dcdcdc;
	line-height:36px;

    background-color:#eeeeee;
	display:inline-block;
    color:#555555;
    
    font-family:arial;
    font-size:20px;
    font-weight:bold;
    
    text-decoration:none;    
    text-shadow:0px 1px 0px #ffffff;

	cursor: pointer;
}

.button:hover 
{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
    
    background-color:#dfdfdf;
}

.button:active 
{
    position:relative;
    top:1px;
}
